﻿/* File Created: 六月 19, 2012 */
.topic-item
{
    padding: 1px;
    border: solid 2px #ccc;
    width: 100px;
    height: 100px;
    float: left;
    margin-left: 20px;
    margin-top: 20px;
    background: #f3faff;
    -moz-border-radius: 4px; /* Firefox */
    -webkit-border-radius: 4px; /* Safari and Chrome */
    border-radius: 4px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
    -moz-box-shadow: 1px 2px 3px #ccc; /* Firefox */
    -webkit-box-shadow: 1px 2px 3px #ccc; /* Safari and Chrome */
    box-shadow: 1px 2px 3px #ccc; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
}

.topic-item:hover
{
    padding: 1px;
    border: solid 2px #ff7e00;
    width: 100px;
    height: 100px;
    border-radius: 4px;
    float: left;
    margin-left: 20px;
    margin-top: 20px;
    background: #f3faff;
    box-shadow: 1px 2px 3px #ff7e00;
    cursor: pointer;
}
.topic-itemsel
{
    padding: 1px;
    border: solid 2px #ff7e00;
    width: 100px;
    height: 100px;
    border-radius: 4px;
    float: left;
    margin-left: 20px;
    margin-top: 20px;
    background: #f3faff;
    box-shadow: 1px 2px 3px #ff7e00;
    cursor: pointer;
}
.topic-img
{
    text-align: center;
    margin-top: 10px;
}
.topic-title
{
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    padding: 5px 0;
    line-height: 10px;
}
#divsort span
{
    font-weight: bold;
    font-size: 18px;
    margin-left: 20px;
    color: #4987C9;
    cursor: pointer;
}
#divsort span:hover
{
    font-weight: bold;
    font-size: 18px;
    margin-left: 20px;
    color: #ff7e00;
    cursor: pointer;
}

.Button
{
    padding: 1px;
    border: solid 1px #ccc;
    width: 120px;
    height: 30px;
    border-radius: 4px;
    float: left;
    margin-left: 20px;
    margin-top: 5px;
    background: #f3faff;
    box-shadow: 1px 2px 3px #ccc;
    behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}
.Button:hover
{
    padding: 1px;
    border: solid 1px #ff7e00;
    width: 120px;
    height: 30px;
    border-radius: 4px;
    float: left;
    margin-left: 20px;
    margin-top: 5px;
    background: #f3faff;
    box-shadow: 1px 2px 3px #ff7e00;
    cursor: pointer;
    behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}
.Button-Title
{
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    padding: 8px 0;
    line-height: 15px;
    color: #4987C9;
}
.box
{
    -moz-border-radius: 15px; /* Firefox */
    -webkit-border-radius: 15px; /* Safari and Chrome */
    border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
    -moz-box-shadow: 10px 10px 20px #000; /* Firefox */
    -webkit-box-shadow: 10px 10px 20px #000; /* Safari and Chrome */
    box-shadow: 10px 10px 20px #000; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
    behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}
.topic-itemAdd
{
    padding: 1px;
    border: solid 2px #ccc;
    width: 100px;
    height: 100px;
    float: left;
    margin-left: 20px;
    margin-top: 20px;
    background: #f3faff;
    border-radius: 4px;
    box-shadow: 1px 2px 3px #ccc;
}
.topic-itemAdd:hover
{
    padding: 1px;
    border: solid 2px #ff7e00;
    width: 100px;
    height: 100px;
    border-radius: 4px;
    float: left;
    margin-left: 20px;
    margin-top: 20px;
    background: #f3faff;
    box-shadow: 1px 2px 3px #ff7e00;
    cursor: pointer;
}